<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 引入ElementUI样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    <!-- 引入ElementUI组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>

</head>
<body>


<div id="app">
    <el-dropdown split-button type="primary">
        默认尺寸
        <el-dropdown-menu slot="dropdown">
            <el-dropdown-item>猪儿虫</el-dropdown-item>
            <el-dropdown-item>毛毛虫</el-dropdown-item>
            <el-dropdown-item>活辣子</el-dropdown-item>
            <el-dropdown-item>屎壳郎</el-dropdown-item>
        </el-dropdown-menu>
    </el-dropdown>

    <el-dropdown split-button type="primary" trigger="click">
        默认尺寸
        <el-dropdown-menu slot="dropdown">
            <el-dropdown-item>猪儿虫</el-dropdown-item>
            <el-dropdown-item divided>毛毛虫</el-dropdown-item> <!--divided分割线-->
            <el-dropdown-item disabled>活辣子</el-dropdown-item> <!--disabled 不可用-->
            <el-dropdown-item divided disabled>屎壳郎</el-dropdown-item>
        </el-dropdown-menu>
    </el-dropdown>



</div>


<script>
    new Vue({
        el:'#app'
    });
</script>


</body>
</html>